import './assets/main.css'

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
import router from './router'

import {
  Tabbar,
  TabbarItem,
  Swipe,
  SwipeItem,
  Grid,
  GridItem,
  Button,
  Divider,
  Col,
  Row,
  Icon,
  Image as VanImage,
  Cell,
  CellGroup,
  Skeleton,
  SkeletonTitle,
  SkeletonImage,
  SkeletonAvatar,
  SkeletonParagraph,
  Card,
  List,
  Empty,
  NavBar,
  Form,
  Field,
  RadioGroup,
  Radio,
  TextEllipsis,
  Dialog,
  Picker,
  PickerGroup,
  Popup,
  Checkbox,
  CheckboxGroup,
  Tab,
  Tabs,
  ActionBar,
  ActionBarIcon,
  ActionBarButton,
  Search,
  Tag,
  ActionSheet,
  Uploader,
  DatePicker,
  Calendar,
  Step,
  Steps,
  Space,
  Sidebar,
  SidebarItem,
} from 'vant'
const pinia = createPinia()
const app = createApp(App)
app.use(pinia)
app
  .use(Tabbar)
  .use(Swipe)
  .use(SwipeItem)
  .use(Grid)
  .use(GridItem)
  .use(Divider)
  .use(Col)
  .use(Row)
  .use(VanImage)
  .use(Cell)
  .use(CellGroup)
  .use(Skeleton)
  .use(SkeletonTitle)
  .use(SkeletonImage)
  .use(SkeletonAvatar)
  .use(SkeletonParagraph)
  .use(Card)
  .use(List)
  .use(Empty)
  .use(NavBar)
  .use(Form)
  .use(Field)
  .use(Button)
  .use(RadioGroup)
  .use(Radio)
  .use(TextEllipsis)
  .use(Dialog)
  .use(Picker)
  .use(PickerGroup)
  .use(Popup)
  .use(Checkbox)
  .use(CheckboxGroup)
  .use(Tab)
  .use(Tabs)
  .use(ActionBar)
  .use(ActionBarIcon)
  .use(ActionBarButton)
  .use(Search)
  .use(Tag)
  .use(Icon)
  .use(ActionSheet)
  .use(Uploader)
  .use(DatePicker)
  .use(Calendar)
  .use(Step)
  .use(Steps)
  .use(Space)
  .use(Sidebar)
  .use(SidebarItem)
app.use(TabbarItem)
app.use(router)
app.mount('#app')
